<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- !!! CHANGE THIS TITLE FOR EACH PAGE !!! -->
    <title>Greggs Website - Home</title>
    <!-- This links all pages to the one CSS file -->
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>

    <header>
        <div class="logo">Greggs PLC</div>
        <nav>
            <!-- Navigation links to move between your required pages -->
            <a href="index.html">Home</a>
            <a href="menu.html">Menu</a>
            <a href="about.html">Our Story</a>
        </nav>
    </header>

    <main>
        <!-- This is where the unique content for each page will go -->
        <h1>Welcome to Greggs!</h1>
        <p>This is placeholder content. We will fill this in next.</p>
    </main>

    <footer>
        <p>&copy; 2025 Greggs Clone Website</p>
    </footer>

</body>
</html>
